<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=640,user-scalable=no,target-densitydpi=320">
	<meta http-equiv="Content-Type" content="textml; charset=utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="author" content=""/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="MobileOptimized" content=""/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="format-detection" content="telephone=yes"/>

	<!-- no cache -->
	<meta http-equiv="cache-control" content="max-age=0">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT">
	<meta http-equiv="pragma" content="no-cache">

	<title>阳光乐选</title>
	<link rel="stylesheet" href="css_pk/layout_old.css">
    <link rel="stylesheet" href="css_pk/swiper.min.css">
    <script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript">
//		$(function(){
//			var mySwiper = new Swiper('.swiper-container',{
//			    pagination: '.swiper-pagination',
//			    loop:true,
//			    grabCursor: true,
//			    paginationClickable: true,
//			    autoplay: 3000,
//			    active: true
//			});
//		});
	</script>
	<script src="js/jquery-2.1.4.min.js"></script>
<script>
var curpage = 1;
var pages = '{$totalpage}';
var ajax_alert = true;
var count = 200;

$(function(){
	var openid = "{$openid}";
	$("#"+openid).css('background','#dfdfdf')
	window.location.hash="#"+openid;  
})
$(window).scroll(function () {
   var scrollTop = $(this).scrollTop();
    var scrollHeight = $(document).height();
    var windowHeight = $(this).height();
	console.log(curpage+","+pages);
    if (scrollTop + windowHeight >= scrollHeight && curpage <= pages) {
		defined_show=1;
        if(ajax_alert){
	        ajax_page();
        }
    }
    if(curpage > pages) {
    	ajax_alert = false;
    }
});
//Ajax方法
function ajax_page(){
	var page_url = "{:U('scanPK/Index/get_more_list')}";
	$.getJSON(page_url, {'p':curpage++}, function (data) {
		$.each(data,function(key,val){
			var dreamurl = "{:U('scanPK/Settings/person')}&openid="+val['openid'];
			var sum=count+1;
			count++;
			var itemHtml = '<a href ="'+dreamurl+'"><li id='+val['openid']+'><div class="rank-sort">'+sum+'</div><div class="rank-info"><div class="imgBox-m"><div class="rank-info-img1" style="background: url('+val['headimgurl']+') no-repeat; background-size:100% 100%;border:1px solid #fff100;"></div></div><div class="rank-info-text"><div class="rank-info-name">'+val['nickname']+'</div><div class="rank-info-comments"></div><div class="rank-info-oil-count">'+val['support']+'票</div></div></li></a>';
			$('.rank-content').append(itemHtml);
		})
	});
}
</script>
</head>
<body>
<div class=" rank">
  <div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide" style="background: rgba(0,0,0,0);">
						<a href="#">
							<img src="images/slide_img1.png" alt="">
						</a>
					</div>
					<!--<div class="swiper-slide" style="background: rgba(0,0,0,0);">-->
						<!--<a href="#">-->
							<!--<img src="images/slide_img2.jpg" alt="">-->
						<!--</a>-->
					<!--</div>-->
					<!--<div class="swiper-slide" style="background: rgba(0,0,0,0);">-->
						<!--<a href="#">-->
							<!--<img src="images/slide_img3.jpg" alt="">-->
						<!--</a>-->
					<!--</div>-->
        		</div>       		
			<!--<div class="swiper-pagination"></div>-->
		</div>
       	<!--<p class="title"></p>-->
       	<!--<p class="title_2"></p>-->
        <!--<p class="rtxt">·本活动严禁一切舞弊行为，一经发现，主办方有权取消违规者活动参与及获奖资格。</p>-->
<div class="leadmu">
	<ul>
		<li>
			<a href="rule.html">
			<img src="images/rank1.png">
			</a>
		</li>
		<li>
			<a href="index.html">
			<img src="images/rank2.png">
			</a>
		</li>
		<li>
			<a href="fly.html">
			<img src="images/rank3.png">
			</a>
		</li>
	</ul>
</div>


	<div class="rank-box">
		<ul class="refueling-notes-title-update">
			<li id="zhuli" class="zhuli_f" style="background:url(images/rankji.png) no-repeat center center;height: 60px;"></li>
			<!--<li id="buzhuo" class="buzhuo_b"></li>-->
		</ul>
			<ul class="rank-content">
				<div class="third" style="background-color:#d8b730;width: 97%;
                    height: 315px;
                  	border: 5px dashed  #ffffff ;
					margin: 0 auto;border-radius: 10px;
					margin-top: 10px;padding-right: 22px;margin-left: -10px;padding-left: 6px;">
					<li style="color: #82defc;    width: 103%;margin-top: -14px">
						<div class="rank-sort" style=" margin-left: 34px; margin-top: 16px;">
							<img src="images/sort1.png">
						</div>
						<div class="rank-info">
                        <div class="imgBox-m">
							<!--<div class="userImg"></div>-->
                        <!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
							<div class="rank-info-img1" style="border:2px solid #e9d78b;margin-bottom: 20px">
								<img src="images/unper.png" style="width: 70px;height: 70px;border-radius: 50px">
							</div>
							<!--<else/>-->
							<div class="rank-info-img1" style="background-size:100% 100%;">
								<img src="images/unper.png" style="width: 70px;height: 70px;border-radius: 50px">
							</div>
						<!--</if>-->
	                          <!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
	                              <!--<img src="img/icon06.png" class="Img">-->
	                          <!--</if>&-->
                            </div>
							<div class="rank-info-text">
								<div class="rank-info-name">虚位以待</div>
								<div class="rank-info-stolen">
									<!--<span>10-11</span>-->
									<!--<span>12:38</span>-->
								</div>
                                <!--<div class="rank-info-time">7-8 10:00</div>-->
								<div class="rank-info-comments">奖品:ipone X </div>
								<div class="starBox">
                                    <p class="starText">2145</p>
                                    <p class="star"></p>
                                </div>
							</div>
						</div>
						<!--点击左半捕偷萤火虫-->
						<a href="#" class="stolenClick"></a>
						<!--点击右半扫码-->
						<a href="#" class="scanClick"></a>
					</li>


					<li style="    width: 103%;">
						<div class="rank-sort" style="    margin-left: 34px;    margin-top: 16px;">
							<img src="images/sort2.png">
						</div>
						<div class="rank-info" >
                        <div class="imgBox-m">
							<!--<div class="userImg" style="background:  url(images/win2.png) 100% 100% no-repeat;"></div>-->
                        <!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
							<div class="rank-info-img1" style="border:2px solid #e9d78b;margin-bottom: 20px">
								<img src="images/unper.png" style="width: 70px;height: 70px;border-radius: 50px">
							</div>
						<!--<else/>-->
							<div class="rank-info-img1" style="">
								<img src="images/unper.png" style="width: 70px;height: 70px;border-radius: 50px">
							</div>
	                     <!--</if>-->
	                          <!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
	                              <!--<img src="img/icon06.png" class="Img">-->
	                          <!--</if>-->
                            </div>
							<div class="rank-info-text">
								<div class="rank-info-name">姓名文字</div>
								<div class="rank-info-stolen">
									<!--<span>10-11</span>-->
									<!--<span>12:38</span>-->
								</div>
                                <!--<div class="rank-info-time">10-16 10:00</div>-->
								<div class="rank-info-comments">奖品:小米ai音响</div>
								<div class="starBox">
                                    <p class="starText">2145</p>
                                    <p class="star"></p>
                                </div>
							</div>
						</div>
						<a href="#" class="stolenClick"></a>
						<a href="#" class="scanClick"></a>
					</li>


					<li style="    width: 103%; ">
						<div class="rank-sort" style="    margin-left: 34px; margin-top: 16px;">
							<img src="images/sort3.png">
						</div>
						<div class="rank-info">
                        <div class="imgBox-m">
                        <!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
							<div class="rank-info-img1" style="border:2px solid #e9d78b;margin-bottom: 20px">
								<img src="images/unper.png" style="width: 70px;height: 70px;border-radius: 50px">
							</div>
						<!--<else/>-->
							<!--<div class="rank-info-img1" style="background: url({$vo['headimgurl']}) no-repeat; background-size:100% 100%;"></div>-->
	                     <!--</if>-->
	                          <!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
	                              <!--<img src="img/icon06.png" class="Img">-->
	                          <!--</if>-->
                            </div>
							<div class="rank-info-text">
								<div class="rank-info-name">虚位以待</div>
								<div class="rank-info-stolen">
									<!--<span>10-11</span>-->
									<!--<span>12:38</span>-->
								</div>
                                <!--<div class="rank-info-time">10-16 10:00</div>-->
								<div class="rank-info-comments">奖品:智能声波电动牙刷 </div>
								<div class="starBox">
                                    <p class="starText">2145</p>
                                    <p class="star"></p>
                                </div>
							</div>
						</div>
						<a href="#" class="stolenClick"></a>
						<a href="#" class="scanClick"></a>
					</li>
				</div>


				<li>
					<div class="rank-sort">4</div>
					<div class="rank-info">
						<div class="imgBox-m">
							<!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
								<div class="rank-info-img1" style="background: url(images/knowper.png) no-repeat; background-size:100% 100%;border:2px solid #e9d78b;margin-bottom: 20px"></div>
								<!--<else/>-->
								<!--<div class="rank-info-img1" style="background: url({$vo['headimgurl']}) no-repeat; background-size:100% 100%;"></div>-->
							<!--</if>-->
							<!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
								<!--<img src="img/icon06.png" class="Img">-->
							<!--</if>-->
						</div>
						<div class="rank-info-text">
							<div class="rank-info-name">龙之介</div>
							<div class="rank-info-stolen">
								<!--<span>10-11</span>-->
								<!--<span>12:38</span>-->
							</div>
							<!--<div class="rank-info-time">10-16 10:00</div>-->
							<div class="rank-info-comments">奖品:乐选零食大礼包</div>
							<div class="starBox">
								<p class="starText">2145</p>
								<p class="star"></p>
							</div>
						</div>
					</div>
					<a href="#" class="stolenClick"></a>
					<a href="#" class="scanClick"></a>
				</li>
				<li>
					<div class="rank-sort">5</div>
					<div class="rank-info">
						<div class="imgBox-m">
							<!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
								<div class="rank-info-img1" style="background: url(images/knowper.png) no-repeat; background-size:100% 100%;border:2px solid #e9d78b;margin-bottom: 20px"></div>
								<!--<else/>-->
								<!--<div class="rank-info-img1" style="background: url({$vo['headimgurl']}) no-repeat; background-size:100% 100%;"></div>-->
							<!--</if>-->
							<!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
								<!--<img src="img/icon06.png" class="Img">-->
							<!--</if>-->
						</div>
						<div class="rank-info-text">
							<div class="rank-info-name">龙之介</div>
							<div class="rank-info-stolen">
								<!--<span>10-11</span>-->
								<!--<span>12:38</span>-->
							</div>
							<!--<div class="rank-info-time">10-16 10:00</div>-->
							<div class="rank-info-comments">奖品:乐选零食大礼包 </div>
							<div class="starBox">
								<p class="starText">2145</p>
								<p class="star"></p>
							</div>
						</div>
					</div>
					<a href="#" class="stolenClick"></a>
					<a href="#" class="scanClick"></a>
				</li>
				<li>
					<div class="rank-sort">6</div>
					<div class="rank-info">
						<div class="imgBox-m">
							<!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
								<div class="rank-info-img1" style="background: url(images/knowper.png) no-repeat; background-size:100% 100%;border:2px solid #e9d78b;margin-bottom: 20px"></div>
								<!--<else/>-->
								<!--<div class="rank-info-img1" style="background: url({$vo['headimgurl']}) no-repeat; background-size:100% 100%;"></div>-->
							<!--</if>-->
							<!--<if condition="($i elt 60) and ($vo.support egt 30)">-->
								<!--<img src="img/icon06.png" class="Img">-->
							<!--</if>-->
						</div>
						<div class="rank-info-text">
							<div class="rank-info-name">龙之介</div>
							<div class="rank-info-stolen">
								<!--<span>10-11</span>-->
								<!--<span>12:38</span>-->
							</div>
							<!--<div class="rank-info-time">10-16 10:00</div>-->
							<div class="rank-info-comments">奖品:乐选零食大礼包 </div>
							<div class="starBox">
								<p class="starText">2145</p>
								<p class="star"></p>
							</div>
						</div>
					</div>
					<a href="#" class="stolenClick"></a>
					<a href="#" class="scanClick"></a>
				</li>
				</ul>
			</div>
	<img src="images/foot.png" style="margin: 0 auto;padding-bottom: 10px;">
	</div>
</body>
</html>
<script>
//	$(".stolenClick").click(function () {
//		alert('你偷到金币了')
//	})
//	$(".scanClick").click(function () {
//		alert('你跳转到了别人的扫码页面')
//	})
</script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
var title_s = "";
var content_s = "";
var img = "images/shareImg.jpg";
var link = "{:U('scanPK/Settings/person')}&openid={$info['openid']}";
function _report(){}
</script>
<include file="footer" />